<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <!-- For Angular routing -->
    <base href="/">

    <link rel="icon" href="images/favicon.png">
    <link href='//fonts.googleapis.com/css?family=Roboto:300,400,500,700,900' rel='stylesheet' type='text/css'>

    <!-- Page title -->
    <title>Ethereum Harmony</title>


    <script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.17/d3.min.js"></script>


</head>
<body>
    <script src="blockchain-view.js"></script>

    <div id="blockchain-chart"></div>

    <script>

        var treeContainer = document.getElementById('blockchain-chart');

        var data = [
            {
                blockHash: '10',
                blockNumber: 1,
                difficulty: 10
            },
            {
                blockHash: '11',
                blockNumber: 1,
                difficulty: 10
            },
            {
                blockHash: '12',
                blockNumber: 1,
                difficulty: 10
            },
            {
                blockHash: '20',
                blockNumber: 2,
                parentHash: '10',
                difficulty: 10
            },
            {
                blockHash: '30',
                blockNumber: 3,
                parentHash: '20',
                difficulty: 10
            },
            {
                blockHash: '31',
                blockNumber: 3,
                parentHash: '20',
                difficulty: 10
            },
            {
                blockHash: '32',
                blockNumber: 3,
                parentHash: '20',
                difficulty: 10
            },
            {
                blockHash: '42',
                blockNumber: 4,
                parentHash: '32',
                difficulty: 10
            },
            {
                blockHash: '44',
                blockNumber: 4,
                parentHash: '32',
                difficulty: 10
            },
            {
                blockHash: '52',
                blockNumber: 5,
                parentHash: '42',
                difficulty: 10
            },
            {
                blockHash: '62',
                blockNumber: 6,
                parentHash: '52',
                difficulty: 10
            }

        ];

        BlockchainView
                .create(treeContainer)
                //.setData(data)
                .setData(data);
    </script>

</body>

</html>